<template>
	<view class="padding-30">
		<view class="bg-fff padding-30 border-radius20 margin-bottom20"
			@click="$tools.navigateTo('/pages/index/index-info')">
			<view class="flex-between f-divider1 padding-bottom30 margin-bottom30">
				<view class="fontSize-20 color-000 fontWeight-bold">#0001</view>
				<view class="flex-alignItems-center">
					<view class="fontSize-15 margin-right20" style="color: #2A9C37;">40分钟内</view>
					<view class="fontSize-15 color-000"> 送达</view>
				</view>
			</view>
			<view class="flex-alignItems-center margin-bottom20">
				<view class="qu-icon flex-center">取</view>
				<view class="margin-left20">
					<view class="fontSize-20 color-000 fontWeight-bold margin-bottom10">手撕鸡</view>
					<view class="fontSize-15 color-000">高新区金梭路33号 正弘汇数码城</view>
				</view>
			</view>
			<view class="flex-alignItems-center">
				<view class="qu-icon1 flex-center">送</view>
				<view class="margin-left20">
					<view class="fontSize-20 color-000 fontWeight-bold margin-bottom10">张女士</view>
					<view class="fontSize-15 color-000">高新区金梭路33号 正弘汇数码城</view>
				</view>
			</view>
		</view>

		<view class="bg-fff border-radius20 padding-30  margin-bottom30">
			<view class="flex margin-bottom20" @click="$tools.navigateTo('/pages/mine/order-list/order-info')">
				<image class="img-160 border-radius10 margin-right20" src="../../static/images/01.jpg" mode="">
				</image>
				<view class="flex1">
					<view class="flex-between margin-bottom10">
						<view class="fontSize-15 color-000 margin-right20">武当传统传承太极拳服饰不包含鞋</view>
						<!-- <view class="fontSize-15 color-FE3232" style="flex-shrink: 0;">待支付</view> -->
					</view>
					<view class="fontSize-15 color-999 margin-bottom10">白色 S码</view>
					<view class="flex-between">
						<view style="color: #C90F0F;">
							<text class="fontSize-15">￥</text>
							<text class="fontSize-20">199</text>
						</view>
						<view>x 1</view>
					</view>
				</view>
			</view>
			<view class="flex margin-bottom20" @click="$tools.navigateTo('/pages/mine/order-list/order-info')">
				<image class="img-160 border-radius10 margin-right20" src="../../static/images/01.jpg" mode="">
				</image>
				<view class="flex1">
					<view class="flex-between margin-bottom10">
						<view class="fontSize-15 color-000 margin-right20">武当传统传承太极拳服饰不包含鞋</view>
						<!-- <view class="fontSize-15 color-FE3232" style="flex-shrink: 0;">待支付</view> -->
					</view>
					<view class="fontSize-15 color-999 margin-bottom10">白色 S码</view>
					<view class="flex-between">
						<view style="color: #C90F0F;">
							<text class="fontSize-15">￥</text>
							<text class="fontSize-20">199</text>
						</view>
						<view>x 1</view>
					</view>
				</view>
			</view>

		</view>
		<view class="bg-fff border-radius20 flex-column padding-30 margin-bottom30">
			<view class="fontSize-18 color-000 margin-bottom30">留言</view>
			<view class="fontSize-15 color-000">12321213123</view>
		</view>

		<view class="bg-fff border-radius20 flex-column padding-30 margin-bottom30">
			<view class="flex-between margin-bottom30 flex1">
				<view class="fontSize-15" style="color: #4D4D4D;">订单编号</view>
				<view class="">20241541288525</view>
			</view>
			<view class="flex-between margin-bottom30 flex1">
				<view class="fontSize-15" style="color: #4D4D4D;">下单时间</view>
				<view class="">2024.01.01 10:00:00</view>
			</view>
			<view class="flex-between flex1">
				<view class="fontSize-15" style="color: #4D4D4D;">支付时间</view>
				<view class="">2024.01.01 10:00:00</view>
			</view>
		</view>
		
		<view style="height: 200rpx;"></view>
		<view class="position-fixed-94bottom bg-fff padding-20">
			<view class="index-list-btn flex-center">
				抢单
			</view>
			<!-- <view class="flex-center">
				<view class="left-btn flex-center">
					<image class="img-32 margin-right20" src="../../static/images/01.png" mode=""></image>
					<view class="fontSize-15 color-000">致电商家</view>
				</view>
				<view class="right-btn flex-center">已取餐</view>
			</view>
			<view class="flex-center">
				<view class="left-btn flex-center">
					<image class="img-32 margin-right20" src="../../static/images/01.png" mode=""></image>
					<view class="fontSize-15 color-000">致电客户</view>
				</view>
				<view class="right-btn flex-center">已送达</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.right-btn{
		flex: 1;
		height: 80rpx;
		font-weight: 400;
		font-size: 30rpx;
		color: #FFFFFF;
		background: #2A9C37;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
	}
	.left-btn{
		flex: 1;
		font-weight: 400;
		font-size: 30rpx;
		color: #000000;
		height: 80rpx;
		background: #EFEEF1;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
	}
	.index-list-btn{
		padding: 30rpx;
		font-weight: 400;
		font-size: 30rpx;
		color: #FFFFFF;
		height: 20rpx;
		background: #2A9C37;
		border-radius: 14rpx 14rpx 14rpx 14rpx;
	}
	.qu-icon1 {
		background-color: #F8A220;
		color: #FFFFFF;
		width: 60rpx;
		height: 60rpx;
		font-size: 16px;
		font-weight: bold;
		border-radius: 50%;
	}

	.qu-icon {
		background-color: #2A9C37;
		color: #FFFFFF;
		width: 60rpx;
		height: 60rpx;
		font-size: 16px;
		font-weight: bold;
		border-radius: 50%;
	}
</style>